<!DOCTYPE html>
<html lang="zh-CN">
    <head>
    <meta charset="utf-8">

    

    <!--icon-->
    
        <link rel="shortcut icon" type='image/x-icon' href="/favicon.ico">
    

    <!-- 渲染优化 -->
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="HandheldFriendly" content="True" >
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- meta -->
    
    <title>归档：2020 | Mr. Trouble&#39;s blog website</title>
    
        <meta name="keywords" content="notes">
    

    <!-- OpenGraph -->
     
        <meta name="description" content="welcom to Mr. Trouble&#39;s website">
<meta property="og:type" content="website">
<meta property="og:title" content="Mr. Trouble&#39;s blog website">
<meta property="og:url" content="http://lcsolute.gitee.io/archives/2020/">
<meta property="og:site_name" content="Mr. Trouble&#39;s blog website">
<meta property="og:description" content="welcom to Mr. Trouble&#39;s website">
<meta property="og:locale" content="zh_CN">
<meta property="article:author" content="Mr. Trouble">
<meta property="article:tag" content="notes">
<meta name="twitter:card" content="summary_large_image">
    

    <!-- feed -->
    

    
<link rel="stylesheet" href="/css/style/main.css">
 
    
    
        
<link rel="stylesheet" href="/css/style/dark.css">

        
<script src="/js/darkmode.js"></script>

    

    

    
        <link rel="stylesheet" href="/css/style/note.css" media="none" onload="this.media='all'">
    

     

    

<meta name="generator" content="Hexo 5.0.0"></head>

    <body>
        <div id="app">
            <header class="header">
    <div class="header__left">
        <a href="/" class="button">
            <span class="logo__text">
                Mr. Trouble's blog website 
            </span>
        </a>
    </div>
    <div class="header__right">
        
            <div class="cover__menus">
                
                    <a href="/" class="cover-menu button">
                        首页
                    </a>
                
                    <a href="/tags/" class="cover-menu button">
                        标签
                    </a>
                
                    <a href="/archives/" class="cover-menu button">
                        归档
                    </a>
                
                    <a href="/friends/" class="cover-menu button">
                        友链
                    </a>
                
                    <a href="/page/" class="cover-menu button">
                        Page
                    </a>
                
            </div>
        
        
            <a href="javaScript:void(0);" id="btn-toggle-dark">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
            </a>
        
        
        
            <a class="dropdown-icon button" id="btn-dropdown">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width='24' height='24' fill="none" stroke="currentColor" stroke-width="0.7" stroke-linecap="round" stroke-linejoin="round">
                    <path fill="currentColor" d="M3.314,4.8h13.372c0.41,0,0.743-0.333,0.743-0.743c0-0.41-0.333-0.743-0.743-0.743H3.314c-0.41,0-0.743,0.333-0.743,0.743C2.571,4.467,2.904,4.8,3.314,4.8z M16.686,15.2H3.314c-0.41,0-0.743,0.333-0.743,0.743s0.333,0.743,0.743,0.743h13.372c0.41,0,0.743-0.333,0.743-0.743S17.096,15.2,16.686,15.2z M16.686,9.257H3.314c-0.41,0-0.743,0.333-0.743,0.743s0.333,0.743,0.743,0.743h13.372c0.41,0,0.743-0.333,0.743-0.743S17.096,9.257,16.686,9.257z"></path>
                </svg>
            </a>
            <div class="dropdown-menus" id="dropdown-menus">
                <a class="dropback-icon button" id="btn-dropback">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width='24' height='24' fill="none" stroke="currentColor" stroke-width="0.7" stroke-linecap="round" stroke-linejoin="round">
                        <path fill="currentColor" d="M11.469,10l7.08-7.08c0.406-0.406,0.406-1.064,0-1.469c-0.406-0.406-1.063-0.406-1.469,0L10,8.53l-7.081-7.08c-0.406-0.406-1.064-0.406-1.469,0c-0.406,0.406-0.406,1.063,0,1.469L8.531,10L1.45,17.081c-0.406,0.406-0.406,1.064,0,1.469c0.203,0.203,0.469,0.304,0.735,0.304c0.266,0,0.531-0.101,0.735-0.304L10,11.469l7.08,7.081c0.203,0.203,0.469,0.304,0.735,0.304c0.267,0,0.532-0.101,0.735-0.304c0.406-0.406,0.406-1.064,0-1.469L11.469,10z"></path>
                    </svg>
                </a>
                
                    <a href="/" class="dropdown-menu button">
                        首页
                    </a>
                
                    <a href="/tags/" class="dropdown-menu button">
                        标签
                    </a>
                
                    <a href="/archives/" class="dropdown-menu button">
                        归档
                    </a>
                
                    <a href="/friends/" class="dropdown-menu button">
                        友链
                    </a>
                
                    <a href="/page/" class="dropdown-menu button">
                        Page
                    </a>
                
            </div>
            <script>
                document.getElementById('btn-dropdown').addEventListener('click', () => {
                    const dd = document.getElementById('dropdown-menus');
                    requestAnimationFrame(() => {
                        dd.style.display = 'flex';
                        requestAnimationFrame(() => {
                            dd.style.transform = 'translateY(0)';
                            dd.style.opacity = '1';
                        });
                    });
                });
                document.getElementById('btn-dropback').addEventListener('click', () => {
                    const dd = document.getElementById('dropdown-menus');
                    dd.style.transform = 'translateY(2.25rem)';                    
                    dd.style.opacity = '0';
                    setTimeout(() => {dd.style.display = 'none';}, 350);
                });
            </script>
        
    </div>
</header>


    <div class="cover">
        <div class="cover__logo">
            
                <h1>Demo</h1>
            
        </div>
        
            <div class="cover__intro">
                <p>Hi, nice to meet you!</p>
 
            </div>
        
    </div>

            <main class='main'>
    
		
    <div class="posts">
        
            
                <div class='post-card content-card'>
                    <div class="post-card__header">
    
         
    
</div>
<div class="post-card__content">
    <a href="/2020/07/30/post-title-with-whitespace/" class="index-title">
        <h2 class="post-card__title">
            post title with whitespace
        </h2>
    </a>
    <div class="post-card__descrption">
        
            <div class="md-content">
                
                    <p>
                        
                    </p>
                
            </div>
        
    </div>
</div>
<div class="post-card__meta">
    
        <a href="/archives/2020/07/" class="button" style="color: #808080;">
    2020-07-30
</a>
    
    
        
 
    
</div>

    <div class="post-tags post-card__tags">
    
</div> 

<a href="/2020/07/30/post-title-with-whitespace/" class="post-card__link">Link</a>
                </div>
            
                <div class='post-card content-card'>
                    <div class="post-card__header">
    
         
    
</div>
<div class="post-card__content">
    <a href="/2020/07/30/hello-world/" class="index-title">
        <h2 class="post-card__title">
            Hello World
        </h2>
    </a>
    <div class="post-card__descrption">
        
            <div class="md-content">
                
                    <p>
                        Welcome to Hexo! This is your very first post. Check documentation for more i...
                    </p>
                
            </div>
        
    </div>
</div>
<div class="post-card__meta">
    
        <a href="/archives/2020/07/" class="button" style="color: #808080;">
    2020-07-30
</a>
    
    
        
 
    
</div>

    <div class="post-tags post-card__tags">
    
</div> 

<a href="/2020/07/30/hello-world/" class="post-card__link">Link</a>
                </div>
            
        
    </div>
    
        
    


	
</main>
<footer class="footer">
     


     
  
    
        
            <p>Copyright © 2020</p>

        
    
    <p>Powered by <a href="https://hexo.io" target="_blank">Hexo</a> | Theme - <a href="https://github.com/ChrAlpha/hexo-theme-cards" target="_blank">Cards</a></p>
</footer>


        </div>
        

 

 

 

  

 








    </body>
</html>
